<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title">Nouvelle utilisateur</ui:define>

	<ui:define name="entete">
		<h:form id="enteteForm" styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar">
				<p:toolbarGroup id="enteteTolBarGroup" align="left">
					<h:outputText value="Nouvelle utilisateur" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="nouvelleUtilisateur_inscription">
		<h:form id="nouvelleUtilisateur_inscriptionForm" styleClass="container-vertically-centered">
			<h:panelGrid id="nouvelleUtilisateur_inscriptionFormGrid" columns="3" cellpadding="5">

				<h:outputLabel for="nom" value="Nom" />
				<p:inputText id="nom" value="#{manageBeanUtilisateur.utilisateur.nom}" label="Nom" required="true">
					<f:validateRequired />
					<p:ajax event="blur" update="msgNom" />
				</p:inputText>
				<p:message id="msgNom" for="nom" />

				<h:outputLabel for="Prenom" value="Prénom" />
				<p:inputText id="Prenom" value="#{manageBeanUtilisateur.utilisateur.prenom}" label="Prenom" required="true">
					<f:validateRequired />
					<p:ajax event="blur" update="msgPrenom" />
				</p:inputText>
				<p:message id="msgPrenom" for="Prenom" />

				<h:outputLabel for="nTel" value="n°Tel" />
				<p:inputText id="nTel" value="#{manageBeanUtilisateur.utilisateur.natel}" label="numero de natel" required="true">
					<f:validateRequired />
					<p:ajax event="blur" update="msgNtel" />
				</p:inputText>
				<p:message id="msgNtel" for="nTel" />

				<h:outputLabel for="email" value="Email" />
				<p:inputText id="email" value="#{manageBeanUtilisateur.utilisateur.mail}" label="E-mail" required="true">
					<f:validateRequired />
					<p:ajax event="blur" update="msgMail" />
				</p:inputText>
				<p:message id="msgMail" for="email" />
			</h:panelGrid>
			<h:panelGrid id="nouvelleOuvrage_optionButtonGrid" columns="3" cellpadding="5" width="50">
				
				<p:commandButton value="Enregistrer" action="#{manageBeanUtilisateur.add}" style="width:110px; height: 38px; font-size: 11px;" ajax="false" />
				<p:commandButton immediate="true" value="Effacer" action="failure" style="width:110px; height: 38px; font-size: 11px;" ajax="false" />
				<p:commandButton value="Annuler" action="successUtilisateur" immediate="true" style="width:110px; height: 38px; font-size: 11px;" ajax="false" />

			</h:panelGrid>
		</h:form>
	</ui:define>

	<ui:define name="pieddepage">
		<h:form id="pieddepageForm" styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar">
				<p:toolbarGroup id="pieddepageTolBarGroup" align="left">
					<h:outputText value="Nouvelle utilisateur" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

</ui:composition>